<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>首页</title>
    <meta charset="utf-8" />
    <!--IE浏览器运行最新的渲染模式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- Bootstrap -->
    <link rel="stylesheet" href="static/css/pc/minCss/bootstrap.min.css" />
    <link rel="stylesheet" href="static/css/pc/minCss/all.min.css" />
    <link rel="stylesheet" href="./static/ickeckSkins/minimal/grey.css" />
    <link rel="stylesheet" href="./static/css/pc/destVersion1.1/tribe-home.css">

    <!--[if lt IE 9]>
    <script src="static/js/pc/dest/html5shiv.min.js"></script>
    <script src="static/js/pc/dest/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div id="header" style="height: 95px;"></div>
<div class="zcbl-slide">
    <div class="zcbl-slide-con">
        <!--<img src="./static/images/index/photos-1.png" height="" alt="">-->
        <div id="myCarousel" class="carousel slide zcbl-carousel-slide">
            <!-- 轮播（Carousel）指标 -->
            <div class="zcbl-seach-option" id="seachRadio">
                <!--<label class="radio-inline seach-radio-inline">-->
                    <!--<input type="radio" name="seachType" id="seachType1" value="option1" checked="checked" />-->
                    <!--<span class="pl5"></span>众创-->
                <!--</label>-->
                <label class="radio-inline seach-radio-inline">
                    <input type="radio" name="seachType" id="seachType2" value="option2" />
                    <span class="pl5"></span>需求
                </label>
                <label class="radio-inline seach-radio-inline">
                    <input type="radio" name="seachType" id="seachType3" value="option3" />
                    <span class="pl5"></span>服务
                </label>
            </div>
            <div class="zcbl-seach-l">

                <div class="zcbl-seach-btn">
                    <input type="text" name="seach" class="zcbl-seach-input" placeholder="输入您要查找的关键词">
                    <button type="button" class="zcbl-seachBtn">搜索</button>
                    <p class="zcbl-seach-or">or</p>
                    <button type="button" class="zcbl-seach-publish" data-toggle="modal" data-target="#zcblPublish">发布</button>
                </div>
            </div>
            <!--<div class="zcbl-seach-r">-->
                <!--<ol class="carousel-indicators zcbl-indicators">-->
                    <!--<li data-target="#myCarousel" data-slide-to="0" class="active">-->
                        <!--<img src="static/images/pc/index/picture-1.png" height="62" width="100" alt="First slide">-->
                    <!--</li>-->
                    <!--<li data-target="#myCarousel" data-slide-to="1">-->
                        <!--<img src="static/images/pc/index/picture-2.png" height="62" width="100" alt="First slide">-->
                    <!--</li>-->
                    <!--<li data-target="#myCarousel" data-slide-to="2">-->
                        <!--<img src="static/images/pc/index/picture-3.png" height="62" width="100" alt="First slide">-->
                    <!--</li>-->
                    <!--<li data-target="#myCarousel" data-slide-to="3">-->
                        <!--<img src="static/images/pc/index/picture-4.png" height="62" width="100" alt="First slide">-->
                    <!--</li>-->
                <!--</ol>-->
            <!--</div>-->
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner zcbl-inner">
                <div class="item active" style="background-image: url(http://www.vmaking.com/index/B2C1781528)">
                    <a href="1" target="_blank">
                        <!--<img src="static/images/pc/index/photos-1.png" alt="First slide" />-->
                    </a>
                </div>
                <div class="item" style="background-image: url(http://www.vmaking.com/index/B16C1167582)">
                    <a href="2" target="_blank">
                        &nbsp;
                        <!--<img src="static/images/pc/index/photos-2.png" alt="Second slide" />-->
                    </a>
                </div>
                <div class="item" style="background-image: url(static/images/pc/index/photos-3.png)">
                    <a href="3" target="_blank">
                        <!--<img src="static/images/pc/index/photos-3.png" alt="Third slide" />-->
                    </a>
                </div>
                <div class="item" style="background-image: url(static/images/pc/index/photos-5.jpg)">
                    <a href="4" target="_blank">
                        <!--<img src="static/images/pc/index/photos-4.png" alt="Third slide" />-->
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="zcbl-index-con">
    <div class="zcbl-notice" id="scrollobj">
        <a>网站建于2016年5月1日24：00整，系统进行维护，请大家准时睡觉不要来网站增加任何麻烦</a>
        <a>网站建于2016年5月1日24：00整，系统进行维护，请大家准时睡觉不要来网站增加任何麻烦</a>
    </div>

    <div class="zcbl-banner">
        <a href="#" target="_blank"><img src="static/images/pc/index/banner.jpg" height="100" width="1000" alt="" /></a>
    </div>

    <div class="zcbl-tit">
        <h2>
            <span class="zcbl-tit-name">部落</span>
            <span class="zcbl-tit-more"><a href="">更多></a></span>
        </h2>
    </div>
    <div class="tribe-list-box">
        <ul class="tribe-list">
            <li class="tribe-list-li">
                <div class="tribe-list-con">
                    <img src="static/images/pc/demand/1.jpg" alt="" />
                    <h3>人物部落名称</h3>
                    <p>人物简介人物简介人物简介人物简介人物简介人物简介人物简介人物简介</p>
                    <div class="tribe-list-foot">
                        <p class="tribe-list-groupicon"><b></b><span>1234</span></p>
                        <p class="tribe-list-zanicon"><b></b><span>1234</span></p>
                        <p class="tribe-list-clockicon"><b></b><span>1234</span></p>
                    </div>
                </div>
                <!--  链接  -->
                <a class="tribe-list-a" href="#"></a>
            </li>
            <li class="tribe-list-li">
                <div class="tribe-list-con">
                    <img src="static/images/pc/demand/1.jpg" alt="" />
                    <h3>人物部落名称</h3>
                    <p>人物简介人物简介人物简介人物简介人物简介人物简介人物简介人物简介</p>
                    <div class="tribe-list-foot">
                        <p class="tribe-list-groupicon"><b></b><span>1234</span></p>
                        <p class="tribe-list-zanicon"><b></b><span>1234</span></p>
                        <p class="tribe-list-clockicon"><b></b><span>1234</span></p>
                    </div>
                </div>
                <!--  链接  -->
                <a class="tribe-list-a" href="#"></a>
            </li>
            <li class="tribe-list-li">
                <div class="tribe-list-con">
                    <img src="static/images/pc/demand/1.jpg" alt="" />
                    <h3>人物部落名称</h3>
                    <p>人物简介人物简介人物简介人物简介人物简介人物简介人物简介人物简介</p>
                    <div class="tribe-list-foot">
                        <p class="tribe-list-groupicon"><b></b><span>1234</span></p>
                        <p class="tribe-list-zanicon"><b></b><span>1234</span></p>
                        <p class="tribe-list-clockicon"><b></b><span>1234</span></p>
                    </div>
                </div>
                <!--  链接  -->
                <a class="tribe-list-a" href="#"></a>
            </li>
        </ul>
    </div>
    <div class="zcbl-banner">
        <a href="#" target="_blank"><img src="static/images/pc/index/banner.jpg" height="100" width="1000" alt="" /></a>
    </div>

    <div class="zcbl-tit">
        <h2>
            <span class="zcbl-tit-name">需求</span>
            <span class="zcbl-tit-more"><a href="">更多></a></span>
        </h2>
    </div>
    <div class="zcbl-require">
        <ul>
            <li>
                <div class="zcbl-require-img">
                    <a href="#" target="_blank"><img src="static/images/pc/index/require1.jpg" height="250" width="220" alt="" /></a>
                    <div class="zcbl-require-time"><b></b>20天19小时</div>
                    <div class="zcbl-require-info">
                        <p class="zcbl-require-name"><a href="#" target="_blank">需求名称需求名称需求需求名称需求名称需求</a></p>
                        <p class="zcbl-require-tag"><a href="#" target="_blank">动画导演，后期渲染，插画,动画导演，后期渲染，插画</a></p>
                        <p class="zcbl-require-people"><b></b>125人参与</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="zcbl-require-img">
                    <a href="#" target="_blank"><img src="static/images/pc/index/require2.jpg" height="250" width="220" alt="" /></a>
                    <div class="zcbl-require-time"><b></b>20天19小时</div>
                    <div class="zcbl-require-info">
                        <p class="zcbl-require-name"><a href="#" target="_blank">需求名称需求名称需求需求名称需求名称需求</a></p>
                        <p class="zcbl-require-tag"><a href="#" target="_blank">动画导演，后期渲染，插画</a></p>
                        <p class="zcbl-require-people"><b></b>125人参与</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="zcbl-require-img">
                    <a href="#" target="_blank"><img src="static/images/pc/index/require3.jpg" height="250" width="220" alt="" /></a>
                    <div class="zcbl-require-time"><b></b>20天19小时</div>
                    <div class="zcbl-require-info">
                        <p class="zcbl-require-name"><a href="#" target="_blank">需求名称需求名称需求需求名称需求名称需求</a></p>
                        <p class="zcbl-require-tag"><a href="#" target="_blank">动画导演，后期渲染，插画</a></p>
                        <p class="zcbl-require-people"><b></b>125人参与</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="zcbl-require-img">
                    <a href="#" target="_blank"><img src="static/images/pc/index/require4.jpg" height="250" width="220" alt="" /></a>
                    <div class="zcbl-require-time"><b></b>20天19小时</div>
                    <div class="zcbl-require-info">
                        <p class="zcbl-require-name"><a href="#" target="_blank">需求名称需求名称需求需求名称需求名称需求</a></p>
                        <p class="zcbl-require-tag"><a href="#" target="_blank">动画导演，后期渲染，插画</a></p>
                        <p class="zcbl-require-people"><b></b>125人参与</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="zcbl-require-img">
                    <a href="#" target="_blank"><img src="static/images/pc/index/require5.jpg" height="250" width="220" alt="" /></a>
                    <div class="zcbl-require-time"><b></b>20天19小时</div>
                    <div class="zcbl-require-info">
                        <p class="zcbl-require-name"><a href="#" target="_blank">需求名称需求名称需求需求名称需求名称需求</a></p>
                        <p class="zcbl-require-tag"><a href="#" target="_blank">动画导演，后期渲染，插画</a></p>
                        <p class="zcbl-require-people"><b></b>125人参与</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="zcbl-require-img">
                    <a href="#" target="_blank"><img src="static/images/pc/index/require6.jpg" height="250" width="220" alt="" /></a>
                    <div class="zcbl-require-time"><b></b>20天19小时</div>
                    <div class="zcbl-require-info">
                        <p class="zcbl-require-name"><a href="#" target="_blank">需求名称需求名称需求需求名称需求名称需求</a></p>
                        <p class="zcbl-require-tag"><a href="#" target="_blank">动画导演，后期渲染，插画</a></p>
                        <p class="zcbl-require-people"><b></b>125人参与</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="zcbl-require-img">
                    <a href="#" target="_blank"><img src="static/images/pc/index/require7.jpg" height="250" width="220" alt=""  /></a>
                    <div class="zcbl-require-time"><b></b>20天19小时</div>
                    <div class="zcbl-require-info">
                        <p class="zcbl-require-name"><a href="#" target="_blank">需求名称需求名称需求需求名称需求名称需求</a></p>
                        <p class="zcbl-require-tag"><a href="#" target="_blank">动画导演，后期渲染，插画</a></p>
                        <p class="zcbl-require-people"><b></b>125人参与</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="zcbl-require-img">
                    <a href="#" target="_blank"><img src="static/images/pc/index/require8.jpg" height="250" width="220" alt=""  /></a>
                    <div class="zcbl-require-time"><b></b>20天19小时</div>
                    <div class="zcbl-require-info">
                        <p class="zcbl-require-name"><a href="#" target="_blank">需求名称需求名称需求需求名称需求名称需求</a></p>
                        <p class="zcbl-require-tag"><a href="#" target="_blank">动画导演，后期渲染，插画</a></p>
                        <p class="zcbl-require-people"><b></b>125人参与</p>
                    </div>
                </div>
            </li>
            <div class="clear"></div>
        </ul>
    </div>
    <div class="zcbl-banner">
        <a href="#" target="_blank"><img src="static/images/pc/index/banner.jpg" height="100" width="1000" alt="" /></a>
    </div>
    <div class="zcbl-tit">
        <h2>
            <span class="zcbl-tit-name">服务</span>
            <span class="zcbl-tit-more"><a href="">更多></a></span>
        </h2>
    </div>
    <div class="zcbl-service">
        <ul>
            <li>
                <a href=""><img src="static/images/pc/index/service1.jpg" height="200" width="170" alt="" /></a>
                <div class="zcbl-service-info">
                    <div class="zcbl-service-name">
                        <p><a href="#" target="_blank">3D建模</a></p>
                    </div>
                    <div class="zcbl-service-line"></div>
                    <div class="zcbl-service-time">
                        <p>100元每小时</p>
                    </div>
                </div>
            </li>
            <li>
                <a href=""><img src="static/images/pc/index/service2.jpg" height="200" width="170" alt="" /></a>
                <div class="zcbl-service-info">
                    <div class="zcbl-service-name">
                        <p><a href="#" target="_blank">3D建模</a></p>
                    </div>
                    <div class="zcbl-service-line"></div>
                    <div class="zcbl-service-time">
                        <p>100元每小时</p>
                    </div>
                </div>
            </li>
            <li>
                <a href=""><img src="static/images/pc/index/service3.jpg" height="200" width="170" alt="" /></a>
                <div class="zcbl-service-info">
                    <div class="zcbl-service-name">
                        <p><a href="#" target="_blank">3D建模</a></p>
                    </div>
                    <div class="zcbl-service-line"></div>
                    <div class="zcbl-service-time">
                        <p>100元每小时</p>
                    </div>
                </div>
            </li>
            <li>
                <a href=""><img src="static/images/pc/index/service4.jpg" height="200" width="170" alt="" /></a>
                <div class="zcbl-service-info">
                    <div class="zcbl-service-name">
                        <p><a href="#" target="_blank">3D建模</a></p>
                    </div>
                    <div class="zcbl-service-line"></div>
                    <div class="zcbl-service-time">
                        <p>100元每小时</p>
                    </div>
                </div>
            </li>
            <li>
                <a href=""><img src="static/images/pc/index/service5.jpg" height="200" width="170" alt="" /></a>
                <div class="zcbl-service-info">
                    <div class="zcbl-service-name">
                        <p><a href="#" target="_blank">3D建模</a></p>
                    </div>
                    <div class="zcbl-service-line"></div>
                    <div class="zcbl-service-time">
                        <p>100元每小时</p>
                    </div>
                </div>
            </li>
            <li>
                <a href=""><img src="static/images/pc/index/service6.jpg" height="200" width="170" alt="" /></a>
                <div class="zcbl-service-info">
                    <div class="zcbl-service-name">
                        <p><a href="#" target="_blank">3D建模</a></p>
                    </div>
                    <div class="zcbl-service-line"></div>
                    <div class="zcbl-service-time">
                        <p>100元每小时</p>
                    </div>
                </div>
            </li>
            <li>
                <a href=""><img src="static/images/pc/index/service7.jpg" height="200" width="170" alt="" /></a>
                <div class="zcbl-service-info">
                    <div class="zcbl-service-name">
                        <p><a href="#" target="_blank">3D建模</a></p>
                    </div>
                    <div class="zcbl-service-line"></div>
                    <div class="zcbl-service-time">
                        <p>100元每小时</p>
                    </div>
                </div>
            </li>
            <li>
                <a href=""><img src="static/images/pc/index/service8.jpg" height="200" width="170" alt="" /></a>
                <div class="zcbl-service-info">
                    <div class="zcbl-service-name">
                        <p><a href="#" target="_blank">3D建模</a></p>
                    </div>
                    <div class="zcbl-service-line"></div>
                    <div class="zcbl-service-time">
                        <p>100元每小时</p>
                    </div>
                </div>
            </li>
            <li>
                <a href=""><img src="static/images/pc/index/service9.jpg" height="200" width="170" alt="" /></a>
                <div class="zcbl-service-info">
                    <div class="zcbl-service-name">
                        <p><a href="#" target="_blank">3D建模</a></p>
                    </div>
                    <div class="zcbl-service-line"></div>
                    <div class="zcbl-service-time">
                        <p>100元每小时</p>
                    </div>
                </div>
            </li>
            <li>
                <a href=""><img src="static/images/pc/index/service10.jpg" height="200" width="170" alt=""  /></a>
                <div class="zcbl-service-info">
                    <div class="zcbl-service-name">
                        <p><a href="#" target="_blank">3D建模</a></p>
                    </div>
                    <div class="zcbl-service-line"></div>
                    <div class="zcbl-service-time">
                        <p>100元每小时</p>
                    </div>
                </div>
            </li>
            <div class="clear"></div>
        </ul>
    </div>
</div>

<div class="zcbl-abouUs">
    <div class="zcbl-abouUs-box">
        <div class="zcbl-abouUs-l">
            <div class="zcbl-about-wall">
                <div class="zcbl-about-tit">
                    <h1>我们的成长过程中，需要您的帮助</h1>
                </div>
                <div class="zcbl-about-con">
                    <div class="zcbl-about-conL">
                        <img src="./static/images/pc/index/email.jpg" height="128" width="128" alt="">
                    </div>
                    <div class="zcbl-about-conR">
                        <h2><a href="#">意见反馈</a></h2>
                        <p>我们的成长离不开您的支持和帮助，遇到问题，遇到麻烦，遇到不爽，来这里告诉我们，<a href="">反馈意见</a></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="zcbl-abouUs-line"></div>
        <div class="zcbl-abouUs-r">
            <div class="zcbl-about-wall">
                <div class="zcbl-about-tit">
                    <h1>让我们作为朋友吧</h1>
                </div>
                <div class="zcbl-about-con">
                    <div class="zcbl-about-conL">
                        <img src="./static/images/pc/index/QR_CODE_1.png" height="128" width="128" alt="">
                        <img src="./static/images/pc/index/sina.png" height="20" width="20" alt="">
                    </div>
                    <div class="zcbl-about-conR">
                        <!--<h2>让我们作为朋友吧</h2>-->
                        <p>加入我们，一起组建众创部落！为了部落！！！</p>
                    </div>
                    <div class="zcbl-about-conR-2">
                        <img src="./static/images/pc/index/QR_CODE_1.png" height="128" width="128" alt="">
                        <img src="./static/images/pc/index/WeChat.png" height="20" width="20" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="footer"></div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="static/js/pc/dest/jquery-1.11.3.min.js"></script>
<script src="static/ickeckSkins/icheck.js"></script>
<script src="static/js/pc/dest/all.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="static/js/pc/dest/bootstrap.min.js"></script>
<script>
    $('#myCarousel').carousel({
        interval: 3000
    })

    //搜索radio按钮样式
    $(document).ready(function(){
        $('#seachRadio input').iCheck({
            radioClass: 'iradio-fff-16',
            increaseArea: '30%' // optional
        });
    });
</script>
</body>
</html>